    <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>忘记密码</title>
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <style>
        body{
            background-image:url("../../images/login/forget.jpg");
            background-size:cover;
        }
        #wrapper{
            width: 1250px;
            height: 600px;
            margin: 0 auto;

        }
        #header{
            width: 100%;
            height: 100px;
        }
        #main{
            background-color: rgba(96,96,96,0.3);
            margin-left: 350px;
            margin-top: 50px;
            padding-top: 20px;
            width: 500px;
            height: 300px;
            border-radius: 10px;
            text-align: center;
        }
        #find{
            text-align: center;
            color: indianred;
        }
        #username{
            width: 250px;
            height: 30px;
            /*border-top-style: none ;*/
            /*border-lefe-style: none ;*/
            /*border-right-style: none ;*/
            /*border-bottom-style: solid;*/
        }
        #button{
            background-color: dodgerblue;
            border-radius: 5px;
            border: none;
            width: 260px;
            height: 35px;
            color: aliceblue;
        }

    </style>
</head>
<body>
<div id="wrapper">
    <div id="header"></div>
    <div id="main">
        <h2 id="find">找回密码</h2><br><br>
        <form action="/getuser.do" method="post">
             <input type="text" id="username" name="username" th:value="${username}" placeholder="请输入用户名：" onclick="zero()"><br>
            <span id="checkuser" th:text="${error}"></span><br><br><br>
            <input type="submit" value="下一步" id="button">
        </form>
    </div>
    <div id="footer"></div>
</div>
<script>
    function zero() {
        $("#checkuser").text("");
    }
</script>
</body>
</html>